 * { margin: 0; padding: 0; border: 0; }
  #header{
	height:30px;
	background-color:#3B5998;	
	z-index:9;
	opacity:0.5;
	}
			
  #container {
    width: 1024px; margin: 40px auto;
    display: none;
  }
 
  #social {
 	display:none;
  }

  div.captions {
    z-index: 100;
    font-family:Comic Sans, Comic Sans MS, cursive; 
    font-size: 10px;
    text-align: right;
  }


  ul.gallery { 
    list-style: none;
  }

  ul.gallery li  {
    position: relative;
    float: left;
    padding: 10px 10px 10px 10px;
    background: #eee;
    margin: 5px;
    border: 1px solid #fff;
    -moz-box-shadow: 0px 2px 15px #333;
  }

  ul.gallery li div.polaroid {
    width:280px;
    height:210px;
    margin: 0px;
    overflow:hidden;
  }

  ul.gallery li div.polaroid a:hover {
    z-index: 10;
    -moz-box-shadow: 3px 5px 15px #333;
  }

  div.hide {
    display:none;
  }


@media only screen and (max-width : 838px) {
	
	
}

@media only screen and (max-width : 768px) {
		
}

@media only screen and (max-width : 568px) {
		
	
	
}

@media only screen and (max-width : 518px) {
	
	
	
}

@media only screen and (max-width : 468px) {		
	
	
	
}

@media only screen and (max-width : 418px) {
	
	
	
}

@media only screen and (max-width : 368px) {
	
	
	
}


/*Smartphones */
@media 	only screen and (max-width : 480px) {
	
	#container{
		width:310px;
		margin:0;
	}
	
	#controls-wrapper, #prevslide, #nextslide {
    	opacity:0;
    	visibility:hidden;
    }
	
	#progress-back{
		bottom:0px;
	}
	
	ul.gallery {	
		margin:0;
		padding:0;
	}
			
}

/* SKS-S */

.change {
	position: absolute;
	z-index: 100;
}

.userInput, .userInput input, .userInput button {
	font-family:Comic Sans, Comic Sans MS, cursive; 
    font-size: 12px;
}

.userInput button {
    background-color: #000000;
    color: #ffffff;
}

.userInput {
	/*border: 3px solid;*/
	background-color: #000000;
	opacity: 0.7;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	/*display: table;*/
	z-index: 1000;
	/*vertical-align: middle;*/
}

.subDiv {
	border-top: 1px solid;
	border-bottom: 1px solid;
	background-color: #000000;
	opacity: 1.0;
	width: 90%;
	position: absolute;
	top: 32%;
	left: 5%;
	/*display: table-cell;*/
	height:36%; 
	/*margin-top:-28%;*/
	horizontal-align: middle;
	vertical-align: middle;
	/*padding-left: 5px;*/
}

.tbInput {
	width:100%;
	height: 20px;
}

/* SKS-E */
